import {Component, OnInit} from '@angular/core';
import {CommonModule} from '@angular/common';
import {BoxBaseService} from "./box-base.service";
import {FormsModule} from "@angular/forms";

@Component({
  selector: 'app-list-box-base',
  standalone: true,
  imports: [CommonModule, FormsModule],
  template: `
      <div class="container">
          <p>
              list-box-base works!--- base value ={{ value }}
          </p>
          <input type="text" [(ngModel)]="value">
      </div>
  `,
  styles: ``,
  host: {
    '(keydown)': 'handleKey($event)',
  }
})
export class ListBoxBaseComponent extends BoxBaseService implements OnInit {

  constructor() {
    super()
  }

  handleKey($event: KeyboardEvent) {
    console.log(">>>>>>", $event)
  }

  ngOnInit(): void {
  }
}
